<!-- saved from url=(0046)http://www.jq22.com/demo/jQueryQQ201703132147/ -->
<html>

  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>主窗口</title>
    <link href="./css/style.css" rel="stylesheet" type="text/css"> 
    <script src="./js/jquery.min.js"></script> 
    <script src="./js/nicescroll.js"></script>
    <script src="./js/index.js" type="text/javascript" charset="utf-8"></script>
   
    <style type="text/css">
     
      html,
      body {
        background: none;
        overflow: hidden;
      }
      
      .qq {
        /*width: 100%;
        height: 100%;*/
        box-shadow: 0 0 3px #000;
        background: #fff;
        border-radius: 3px;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        display: block;
        /*border: 1px solid blue;*/
        box-sizing: border-box; 
        position: absolute;
        top: 0;
    }
      
    </style>
  </head>

  <body>

    <div class="qq" style="">
      <div drag class="qq-top drag">
        <div class="qq-top-icon">
          <i><img src="./images/qq-top.png"></i>
          <span  class="qq-top-02 close no-drag"><img src="./images/qq-top-02.png"></span>
          <span   class="qq-top-01 min no-drag"><img src="./images/qq-top-01.png"></span>
        </div>
        <div class="qq-top-name">
          <span>jq22</span>
          <dl>
            <dd><img src="./images/zai.png"></dd><dt><img src="./images/lv.png"></dt><dt><img src="./images/svip.png"></dt></dl>
        </div>
        <div class="qq-top-shuo"><input type="text" value="这两天空间被各种婚礼刷屏了"></div>
        <div class="qq-top-menu no-drag" >
          <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
          </ul>
          <span class="qq-top-001"></span>
          <span class="qq-top-002"></span>
        </div>
        <div class="qq-serch">搜索：联系人、讨论组、群、企业</div>
      </div>
      <div class="qq-xuan">
        <ul>
          <li class="qq-xuan-li"><span></span><i></i></li>
          <li><span></span><i></i></li>
          <li><span></span><i></i></li>
          <li><span></span><i></i></li>
        </ul>
      </div>
      <div class="qq-hui" style="overflow: hidden; outline: none;" tabindex="5000">
        <ul>
          <li>
            <div class="qq-hui-img"><img src="./images/01.jpg"><i></i></div>
            <div class="qq-hui-name"><span>室外摄影大师</span><i>16:30</i></div>
            <div class="qq-hui-txt" title="后天上午十点钟有漫展哦~我有门票你去么[图片]">下次我们去公园拍摄吧~[图片]</div>
          </li>
          <li>
            <div class="qq-hui-img"><img src="./images/02.jpg"><i></i></div>
            <div class="qq-hui-name"><span class="red">尛伊_6th空白</span><i>16:29</i></div>
            <div class="qq-hui-txt" title="后天上午十点钟有漫展哦~我有门票你去么[图片]">后天上午十点钟有漫展哦~我有门票你去么[图片]</div>
          </li>
          <li>
            <div class="qq-hui-img"><img src="./images/03.jpg"><i></i></div>
            <div class="qq-hui-name"><span>一粒沙~白</span><i>16:29</i></div>
            <div class="qq-hui-txt" title="后天上午十点钟有漫展哦~我有门票你去么[图片]">[图片]怎么样看起来好吃吧</div>
          </li>
          <li>
            <div class="qq-hui-img"><img src="./images/04.jpg"><i></i></div>
            <div class="qq-hui-name"><span class="red">彡分钟丶热°</span><i>16:26</i></div>
            <div class="qq-hui-txt" title="后天上午十点钟有漫展哦~我有门票你去么[图片]">恩 拜~</div>
          </li>
          <li>
            <div class="qq-hui-img"><img src="./images/05.jpg"><i></i></div>
            <div class="qq-hui-name"><span class="red">二次元灬小埋酱</span><i>16:24</i></div>
            <div class="qq-hui-txt" title="后天上午十点钟有漫展哦~我有门票你去么[图片]">欧尼酱 &gt;~&lt; 下次带我去吃好吃的好不好嘛</div>
          </li>
          <li>
            <div class="qq-hui-img"><img src="./images/06.jpg"><i></i></div>
            <div class="qq-hui-name"><span>爱思考的逗比</span><i>16:21</i></div>
            <div class="qq-hui-txt" title="后天上午十点钟有漫展哦~我有门票你去么[图片]">[图片]这个公式我算了一天终于算出来了</div>
          </li>
          <li>
            <div class="qq-hui-img"><img src="./images/07.jpg"><i></i></div>
            <div class="qq-hui-name"><span>二货青年欢乐多</span><i>16:21</i></div>
            <div class="qq-hui-txt" title="后天上午十点钟有漫展哦~我有门票你去么[图片]">今天我踢了我前面的同学一脚、被他狠狠地</div>
          </li>
          <li>
            <div class="qq-hui-img"><img src="./images/08.jpg"><i></i></div>
            <div class="qq-hui-name"><span>喵喵喵喵~喵星人</span><i>16:21</i></div>
            <div class="qq-hui-txt" title="后天上午十点钟有漫展哦~我有门票你去么[图片]">屁颠屁颠卖萌喵星人驾到、愚蠢的地球人</div>
          </li>
          <li>
            <div class="qq-hui-img"><img src="./images/01.jpg"><i></i></div>
            <div class="qq-hui-name"><span>室外摄影大师</span><i>16:30</i></div>
            <div class="qq-hui-txt" title="后天上午十点钟有漫展哦~我有门票你去么[图片]">下次我们去公园拍摄吧~[图片]</div>
          </li>
          <li>
            <div class="qq-hui-img"><img src="./images/02.jpg"><i></i></div>
            <div class="qq-hui-name"><span class="red">尛伊_6th空白</span><i>16:29</i></div>
            <div class="qq-hui-txt" title="后天上午十点钟有漫展哦~我有门票你去么[图片]">后天上午十点钟有漫展哦~我有门票你去么[图片]</div>
          </li>
          <li>
            <div class="qq-hui-img"><img src="./images/03.jpg"><i></i></div>
            <div class="qq-hui-name"><span>一粒沙~白</span><i>16:29</i></div>
            <div class="qq-hui-txt" title="后天上午十点钟有漫展哦~我有门票你去么[图片]">[图片]怎么样看起来好吃吧</div>
          </li>
          <li>
            <div class="qq-hui-img"><img src="./images/04.jpg"><i></i></div>
            <div class="qq-hui-name"><span class="red">彡分钟丶热°</span><i>16:26</i></div>
            <div class="qq-hui-txt" title="后天上午十点钟有漫展哦~我有门票你去么[图片]">恩 拜~</div>
          </li>
          <li>
            <div class="qq-hui-img"><img src="./images/05.jpg"><i></i></div>
            <div class="qq-hui-name"><span class="red">二次元灬小埋酱</span><i>16:24</i></div>
            <div class="qq-hui-txt" title="后天上午十点钟有漫展哦~我有门票你去么[图片]">欧尼酱 &gt;~&lt; 下次带我去吃好吃的好不好嘛</div>
          </li>
          <li>
            <div class="qq-hui-img"><img src="./images/06.jpg"><i></i></div>
            <div class="qq-hui-name"><span>爱思考的逗比</span><i>16:21</i></div>
            <div class="qq-hui-txt" title="后天上午十点钟有漫展哦~我有门票你去么[图片]">[图片]这个公式我算了一天终于算出来了</div>
          </li>
          <li>
            <div class="qq-hui-img"><img src="./images/07.jpg"><i></i></div>
            <div class="qq-hui-name"><span>二货青年欢乐多</span><i>16:21</i></div>
            <div class="qq-hui-txt" title="后天上午十点钟有漫展哦~我有门票你去么[图片]">今天我踢了我前面的同学一脚、被他狠狠地</div>
          </li>
          <li>
            <div class="qq-hui-img"><img src="./images/08.jpg"><i></i></div>
            <div class="qq-hui-name"><span>喵喵喵喵~喵星人</span><i>16:21</i></div>
            <div class="qq-hui-txt" title="后天上午十点钟有漫展哦~我有门票你去么[图片]">屁颠屁颠卖萌喵星人驾到、愚蠢的地球人</div>
          </li>
        </ul>
      </div>
      <div class="qq-bot">
        <div class="qq-menu">
          <ul>
            <li><img src="./images/01.png"></li>
            <li><img src="./images/02.png"></li>
            <li><img src="./images/03.png"></li>
            <li><img src="./images/04.png"></li>
            <li><img src="./images/05.png"></li>
            <li><img src="./images/06.png"></li>
            <li><img src="./images/07.png"></li>
            <li><img src="./images/08.png"></li>
            <li><img src="./images/09.png"></li>
            <li><img src="./images/10.png"></li>
          </ul>
        </div>
        <div class="qq-bou-she">
          <ul>
            <li><img src="./images/11.png"></li>
            <li><img src="./images/12.png"></li>
            <li><img src="./images/13.png"></li>
            <li><img src="./images/14.png"></li>
            <li><img src="./images/15.png"></li>
            <li><img src="./images/16.png"><span>查找</span></li>
            <li><img src="./images/05.png"><span>应用宝</span></li>
          </ul>
        </div>
      </div>
    </div>
    <!--<div id="" style="height: 100px; width: 100%;">
    	
    </div>-->
  </body>
  <script type="text/javascript">
 $(function() {
      var BrowserWindow = include('BrowserWindow');
      var win = BrowserWindow.currentWindow;
      $('.min').click(function() {
        win.minimize();
      });
      $('.max').click(function() {
        win.maximize();
      });
      $('.close').click(function() {
        win.close();
      })

    })
  </script>

</html>